<%@ page language="java" pageEncoding="utf-8"%>

<!-- bootstrap select -->
<link rel="stylesheet" href="/jn-report/resources/AdminLTE/bower_components/bootstrap-select-1.12.2/dist/css/bootstrap-select.css">
<!-- bootstrap select -->
<!--<script src="/jn-report/resources/AdminLTE/bower_components/bootstrap-select-1.12.2/sass/bootstrap-select.scss"></script>-->
<!-- bootstrap select -->
<script src="/jn-report/resources/AdminLTE/bower_components/bootstrap-select-1.12.2/js/bootstrap-select.js"></script>


<!--/*** sumo CSS样式 修改**/-->
<style>
    .selectpicker {
        color: rgb(65, 137, 203);
    }
</style>

    <!--.SumoSelect {width: 220px;height: 27px;color: rgb(65, 137, 203);font-size: 13px;}-->
    <!--.SumoSelect label {font-size: 13px;}-->
    <!--.SumoSelect span {font-size: 13px;}-->
    <!--.SumoSelect > p {height: 27px;}-->
    <!--.SumoSelect .select-all {height: 36px;}-->



<!--/*** 控件HTML标签 **/-->
<div class="col-md-12" style="margin-top:10px;padding: 0 0 0 5px;">
    <!--<div class="col-md-3" style="padding: 0;">-->
        <!--<label style="color: rgb(65, 137, 203);font-size: 12px;padding: 0px;margin: 0px;">test:</label>-->
    <!--</div>-->
    <div class="col-md-12">
        <select class="selectpicker" multiple>
            <!--<option>name</option>-->
            <!--<option>addr</option>-->
            <!--<option>email</option>-->
            <!--<option>phone</option>-->
            <!--<option>tel</option>-->
            <!--<option>name22</option>-->
            <!--<option>addr22</option>-->
            <!--<option>email22</option>-->
            <!--<option>phone22</option>-->
            <!--<option>tel22</option>-->
            <!--<option>name</option>-->
            <!--<option>addr</option>-->
            <!--<option>email</option>-->
            <!--<option>phone</option>-->
            <!--<option>tel</option>-->
            <!--<option>name22</option>-->
            <!--<option>addr22</option>-->
            <!--<option>email22</option>-->
            <!--<option>phone22</option>-->
            <!--<option>tel22</option>-->
            <!--<option>name</option>-->
            <!--<option>addr</option>-->
            <!--<option>email</option>-->
            <!--<option>phone</option>-->
            <!--<option>tel</option>-->
            <!--<option>name22</option>-->
            <!--<option>addr22</option>-->
            <!--<option>email22</option>-->
            <!--<option>phone22</option>-->
            <!--<option>tel22</option>-->
        </select>
    </div>
</div>






<script>
    $(document).ready(function () {
        $('.selectpicker').selectpicker({
//            'selectedText': 'cat',
//            header: 'Select a condiment',
//            'noneSelectedText': '请选择',
            liveSearch : true,
            liveSearchPlaceholder :"搜索",
            width : 200,
            actionsBox:true,
            deselectAllText: '全不选',
             selectAllText: '全选',
             noneSelectedText : 'Select Here',
            countSelectedText:"已选中{0}项",
            selectedTextFormat:"count > 1",
        });

        function initcontrolChartGrpListFnc(){
            var report_name = "<c:out value='${reportTitle}'/>";
            var inTrxObj = {
                report_name  : $.trim(report_name),
                fab_id       : $.trim($("#fabIdSumo").val()),
                bay_id       : $.trim($("#bayIdSumo").val()),
                ope_id       : $.trim($("#opeIdSumo").val()),
                toolg_id     : $.trim($("#toolgIdSumo").val()),
                tool_type    : $.trim($("#toolTypeRadio input:checked").val()),
                tool_id      : $.trim($("#toolIdSumo").val()),
                tool_main_id : $.trim($("#toolMainIdSumo").val()),
                tool_sub_id  : $.trim($("#toolSubIdSumo").val()),
                collect_type : $.trim($("#collectTypeSumo").val())
            };
            comAddSelectValueFnc(".selectpicker","CCHARTGRP", inTrxObj,false,false);
            $('.selectpicker').selectpicker('refresh');
//            $('#controlChartGrpSumo')[0].sumo.reload();
        }
        initcontrolChartGrpListFnc();
        $("#fabIdSumo").change(initcontrolChartGrpListFnc);
        $("#bayIdSumo").change(initcontrolChartGrpListFnc);
        $("#opeIdSumo").change(initcontrolChartGrpListFnc);
        $("#toolgIdSumo").change(initcontrolChartGrpListFnc);
        $("#toolTypeRadio input[type=radio][name=toolType]").change(initcontrolChartGrpListFnc);
        $("#toolIdSumo").change(initcontrolChartGrpListFnc);
        $("#toolMainIdSumo").change(initcontrolChartGrpListFnc);
        $("#toolSubIdSumo").change(initcontrolChartGrpListFnc);
        $("#collectTypeSumo").change(initcontrolChartGrpListFnc);

//        $(".selectpicker").change(function () {
//            alert("change");
//        });
//        $('.selectpicker').on('changed.bs.select', function (e) {
//            alert("change");
//        });

    });










</script>
